import { createRouter, createWebHashHistory } from 'vue-router'


//路由引入组件 有两种方式
//1、 直接引用
import Home from '../views/Home.vue'



//1、 配置路由规则对象数组
const routes = [
    {
        path: '/',
        name: 'home',
        component: Home
    },
    {
        path: '/moveShop',
        name: 'moveShop',
        component: ()=> import('../views/MoveShop.vue') // 动态引入组件，打包时会把所有路由打包到一起，减少初次加载时间
    },
    {
        path: '/find',
        name: 'find',
        component: () => import('../views/wangyi/Find.vue'), // 动态引入组件，打包时会把所有路由打包到一起，减少初次加载时间
        meta: { title: '发现音乐' }, // 给路由添加元信息，可以在路由守卫中使用
        children: [
            {
                path: 'recommend',
                name: 'recommend',
                component: () => import('../views/wangyi/finds/discover.vue'),
                meta: { title: '推荐' }, // 给路由添加元信息，可以在路由守卫中使用
                children: [
                    {
                        path: 'song',
                        name: 'song',
                        component: () => import('../views/wangyi/finds/song.vue'),
                        meta: { title: '歌曲' } // 给路由添加元信息，可以在路由守卫中使用
                    }
                ]
            }
        ]
    },
    {
        path: '/my',
        name: 'my',
        component: () => import('../views/wangyi/My.vue'), // 动态引入组件，打包时会把所有路由打包到一起，减少初次加载时间
        meta: { title: '我的音乐' } // 给路由添加元信息，可以在路由守卫中使用

    },
    {
        path: '/friend',
        name: 'friend',
        component: () => import('../views/wangyi/Friend.vue'),
        meta: { title: '关注' } // 给路由添加元信息，可以在路由守卫中使用

    },
    {
        path: '/musician',
        name: 'musician',
        component: () => import('../views/wangyi/Musician.vue'),
        meta:{titie:'音乐人'}

    },
    // {
    //     path: '/muiscdite/:id',
    //     name: 'muiscdite',
    //     component: () => import('../views/wangyi/Muiscdite.vue'),
    //     meta: { titie: '音乐人' }

    // },
    {
        path: '/muiscdite',
        name: 'muiscdite',
        component: () => import('../views/wangyi/Muiscdite.vue'),
        meta: { titie: '音乐人' }

    },
]

//创建路由的实例
const router = createRouter({
    history: createWebHashHistory(),   //hash模式 包含#号
    routes,
})
//默认导出  一般都会挂载到main.js 
export default router

